<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品业务</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/business.css">
    <link rel="stylesheet" href="./css/businessCommon.css">
</head>

<body>
    <header>
        <div class="header-nav">
            <a href="#">
                <h1 class="header-nav-l">24梯,24T.net.cn</h1>
            </a>
            <nav class="header-nav-r">
                <a href="index.html">首页</a>
                <a href="24Tabstract.html">关于24T</a>
                <a href="news.html">新闻动态</a>
                <a href="business.html" class="active">业务产品</a>
                <a href="joinus.html">招贤纳士</a>
            </nav>
            <div class="language">
                <a href="#" class=" ">中文</a>
                <a href="#">English</a>
            </div>
        </div>
    </header>
    <section id="abstract">
        <div class="banner">
            <img src="images/headbanner_products.png" alt="">
        </div>
        <div class="t-about">
            <div class="about-l">
                <div class="about-l-title">
                    <h4>产品&业务</h4>
                    <span class="line-tips"></span>
                    <p>PRODUCTS WITH SERVICE</p>
                </div>
                <div class="about-l-step">
                    <ul class="tab-ul">
                        <li>软件平台</li>
                        <li class="active">硬件产品</li>
                        <li>支持服务</li>
                        <li>其它业务</li>
                    </ul>
                </div>
            </div>
            <div class="about-r">
                <div class="about-r-crumbs-nav">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 19" class="location-svg">
                        <defs>
                            <style>
                                .target {
                                    fill: #3c3c3c;
                                    fill-rule: evenodd;
                                }
                            </style>
                        </defs>
                        <path class="target" d="M17.826,8.937h-1A7.374,7.374,0,0,0,9.97,2.083v-1A0.486,0.486,0,0,0,9.485.593H9.477a0.487,0.487,0,0,0-.486.487v1A7.373,7.373,0,0,0,2.133,8.937h-1a0.487,0.487,0,0,0-.487.487V9.432a0.487,0.487,0,0,0,.487.487h1a7.372,7.372,0,0,0,6.851,6.856v1a0.487,0.487,0,0,0,.487.487H9.48a0.487,0.487,0,0,0,.487-0.487v-1a7.373,7.373,0,0,0,6.852-6.854h1a0.487,0.487,0,0,0,.486-0.487V9.425a0.486,0.486,0,0,0-.483-0.488h0ZM9.965,3.561a5.9,5.9,0,0,1,5.379,5.377H14.481A5.036,5.036,0,0,0,9.966,4.423V3.561h0Zm-0.98,0V4.424A5.038,5.038,0,0,0,4.47,8.94H3.611A5.9,5.9,0,0,1,8.985,3.561h0Zm0,11.738A5.9,5.9,0,0,1,3.609,9.919H4.472a5.037,5.037,0,0,0,4.515,4.516V15.3h0Zm0.493-3.662H9.473a0.487,0.487,0,0,0-.486.487v1.57A4.3,4.3,0,0,1,5.212,9.921h1.57a0.487,0.487,0,0,0,.487-0.487V9.425a0.487,0.487,0,0,0-.487-0.487H5.212A4.3,4.3,0,0,1,8.985,5.163v1.57a0.487,0.487,0,0,0,.487.487H9.48a0.487,0.487,0,0,0,.487-0.487V5.163a4.3,4.3,0,0,1,3.775,3.774h-1.57a0.487,0.487,0,0,0-.487.487V9.432a0.487,0.487,0,0,0,.487.487h1.57a4.3,4.3,0,0,1-3.773,3.776v-1.57a0.487,0.487,0,0,0-.487-0.487h0ZM9.968,15.3V14.433a5.038,5.038,0,0,0,4.515-4.516h0.862A5.9,5.9,0,0,1,9.968,15.3h0Z"
                        />
                    </svg>
                    <ul class="nav-list">
                        <li>产品业务</li>
                        <li>硬件产品</li>
                        <li>主机</li>
                    </ul>
                </div>
                <div class="product-box">
                    <div class="product-btn tabstyle1">
                        <div class="boundary" style="background-color: #deecef;">
                            <div class="product-bg" style="background-color: rgb(0, 198, 255);"></div>
                            <div class="product-ct">
                                <p>MAIN</p>
                                <p>ENGINE</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                    <defs>
                                        <style>
                                            .multi_l,
                                            .multi_r_blue {
                                                fill-rule: evenodd;
                                            }

                                            .multi_l {
                                                fill: #fff;
                                            }

                                            .multi_r_blue {
                                                fill: #00c6ff;
                                            }
                                        </style>
                                    </defs>
                                    <path class="multi_l" d="M10,11.414h0L2.222,19.192,0.808,17.778,8.586,10,0.808,2.222,2.222,0.808,10,8.586h0v2.828Z" />
                                    <path class="multi_r_blue" d="M17.778,19.192L10,11.414V8.586l7.778-7.778,1.414,1.414L11.414,10l7.778,7.778Z" />
                                </svg>
                                <div class="tab-list">
                                    <h6 class="active">主机</h6>
                                    <h6 class="">轿内检测盒</h6>
                                    <h6 class="">紧急呼叫按钮</h6>
                                </div>
                            </div>
                            <img src="images/mainframe.png" alt="" class="product-img">
                        </div>
                    </div>
                    <div class="product-btn tabstyle2">
                        <div class="boundary" style="background-color: #f9e6ef;">
                            <div class="product-bg" style="background-color: #ff396c;"></div>
                            <div class="product-ct">
                                <p>MONITOR</p>
                                <p>BOX</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                    <defs>
                                        <style>
                                            .multi_l,
                                            .multi_r_red {
                                                fill-rule: evenodd;
                                            }

                                            .multi_l {
                                                fill: #fff;
                                            }

                                            .multi_r_red {
                                                fill: #ff396c;
                                            }
                                        </style>
                                    </defs>
                                    <path class="multi_l" d="M10,11.414h0L2.222,19.192,0.808,17.778,8.586,10,0.808,2.222,2.222,0.808,10,8.586h0v2.828Z" />
                                    <path class="multi_r_red" d="M17.778,19.192L10,11.414V8.586l7.778-7.778,1.414,1.414L11.414,10l7.778,7.778Z" />
                                </svg>
                                <div class="tab-list">
                                    <h6 class="">主机</h6>
                                    <h6 class="active">轿内检测盒</h6>
                                    <h6 class="">紧急呼叫按钮</h6>
                                </div>
                            </div>
                            <img src="images/product_box.png" alt="" class="product-img img2">
                        </div>
                    </div>
                    <div class="product-btn tabstyle3">
                        <div class="boundary" style="background-color: #f0ecde;">
                            <div class="product-bg" style="background-color: #fff100;"></div>
                            <div class="product-ct">
                                <p>EMERGENCY</p>
                                <p>CALL</p>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                    <defs>
                                        <style>
                                            .multi_l,
                                            .multi_r_yellow {
                                                fill-rule: evenodd;
                                            }

                                            .multi_l {
                                                fill: #fff;
                                            }

                                            .multi_r_yellow {
                                                fill: #fff100;
                                            }
                                        </style>
                                    </defs>
                                    <path class="multi_l" d="M10,11.414h0L2.222,19.192,0.808,17.778,8.586,10,0.808,2.222,2.222,0.808,10,8.586h0v2.828Z" />
                                    <path class="multi_r_yellow" d="M17.778,19.192L10,11.414V8.586l7.778-7.778,1.414,1.414L11.414,10l7.778,7.778Z" />
                                </svg>
                                <div class="tab-list">
                                    <h6 class="">主机</h6>
                                    <h6 class="">轿内检测盒</h6>
                                    <h6 class="active">紧急呼叫按钮</h6>
                                </div>
                            </div>
                            <img src="images/call_button.png" alt="" class="product-img img3">
                        </div>
                    </div>
                    <!-- 展示的产品 -->
                    <div class="product-show-box hide">
                        <div class="box-content product1">
                            <div class="introduce">
                                <strong class="introduce-name">网络支持</strong>
                                <div class="introduce-content">
                                    <p>移动（TD-LTE）、电信（FDD-LTE）、联通（TD-LTE）</p>
                                    <p>最大支持SIM卡数量：1个</p>
                                    <p>SIM卡类型：Mini SIM</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">数据接口</strong>
                                <div class="introduce-content">
                                    <p>开关量输入端口：19个</p>
                                    <p>轿内监测主机接口：1个 RJ45</p>
                                    <p>数据传输接口：100Mbps WIFI热点</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">电源</strong>
                                <div class="introduce-content">
                                    <p>电池：3芯 锂离子电池 11.1V</p>
                                    <p>容量：2600mAh</p>
                                    <p>续航时间：2.5 – 4小时</p>
                                    <p>电源适配器：100-240V自适应交流电源适配器</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">尺寸</strong>
                                <div class="introduce-content">
                                    <p>233 * 190 * 51mm</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 60℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">存储温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 45℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作湿度</strong>
                                <div class="introduce-content">
                                    <p>10%-90%RH（无冷凝）</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">电源</strong>
                                <div class="introduce-content">
                                    <p>电池：3芯 锂离子电池 11.1V</p>
                                    <p>容量：2600mAh</p>
                                    <p>续航时间：2.5 – 4小时</p>
                                    <p>电源适配器：100-240V自适应交流电源适配器</p>
                                </div>
                            </div>
                        </div>
                        <div class="box-content product2">
                            <div class="introduce">
                                <strong class="introduce-name">摄像头</strong>
                                <div class="introduce-content">
                                    <p>100万像素</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">存储容量</strong>
                                <div class="introduce-content">
                                    <p>TF 16G</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">内置扬声器</strong>
                                <div class="introduce-content">
                                    <p>支持</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">内置麦克风</strong>
                                <div class="introduce-content">
                                    <p>支持</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">应急照明灯</strong>
                                <div class="introduce-content">
                                    <p>支持</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">轿厢人感</strong>
                                <div class="introduce-content">
                                    <p>支持</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">数据接口</strong>
                                <div class="introduce-content">
                                    <p>轿顶主机接口类型：RJ45 1个</p>
                                    <p>数据传输接口：Bluetooth､WIFI</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">尺寸</strong>
                                <div class="introduce-content">
                                    <p>105 * 95 * 45 mm</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 60℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">存储温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 45℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作湿度</strong>
                                <div class="introduce-content">
                                    <p>10%-90%RH（无冷凝）</p>
                                </div>
                            </div>
                        </div>
                        <div class="box-content product3">
                            <div class="introduce">
                                <strong class="introduce-name">数据接口</strong>
                                <div class="introduce-content">
                                    <p>Bluetooth</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">电源</strong>
                                <div class="introduce-content">
                                    <p>2节 AA电池</p>
                                    <p>续航时间：3年</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">尺寸</strong>
                                <div class="introduce-content">
                                    <p>93 * 50 * 16mm</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 60℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">存储温度</strong>
                                <div class="introduce-content">
                                    <p>-20℃ - 45℃</p>
                                </div>
                            </div>
                            <div class="introduce">
                                <strong class="introduce-name">工作湿度</strong>
                                <div class="introduce-content">
                                    <p>10%-90%RH（无冷凝）</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <p class="copyright">copyright 版权信息版权信息版权信息版权信息版权信息版权信息</p>
    </footer>
    <script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="./js/uilts.js"></script>
    <script type="text/javascript" src="controller/business.js"></script>
</body>

</html>